html,body{
  height: 100%;  /* 屏幕高度100% */
  font-family:"Microsoft YAHei";  /* 字体微软雅黑 */
  color: #333;  /* 字体色 */
  background-color: #fff;  /* 背景色 */
}
*{
  /* border-box告诉浏览器：你想要设置的边框和内边距的值是包含在 width 内的。也就是说，如果你将一个元素的 width 设为 100px，那么这 100px 会包含它的 border 和 padding，内容区的实际宽度是 width 减 去(border + padding) 的值。大多数情况下，这使得我们更容易地设定一个元素的宽高。 */
  box-sizing: border-box;/* box-sizing 属性定义如何计算一个元素的总宽度和总高度，主要设置是否需要加上内边距(padding)和边框等。 */
  touch-action:none;/* touch-action 用于设置触摸屏用户如何操纵元素的区域 (例如，浏览器内置的缩放功能)。 */
}
/* 百度地图样式需求 */
html,body,#root,.App{
  height: 100%;
}
body{
  margin: 0px;
  padding: 0px;
}
/* 作用：隐藏滚动（滚动是当页面高度高于视窗高度时回出现滚动），因此给body设置一个overflow：hidden，可以防止页面高度高于视窗高度时 */
.bodyhidden{
  overflow: hidden;
}
.routeloading{
  padding-top: 100px;
  text-align: center;
}